<!DOCTYPE html>
<html lang="zxx" dir="ltr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="assets/images/logo/favicon.ico" rel="icon">
    <link rel="stylesheet" type="text/css" href="assets/css/fontawesome-all-min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css">
    <link
        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="assets/css/animate.css" type="text/css">
    <link rel="stylesheet" href="assets/css/slick-slider/slick-theme.css" type="text/css">
    <link rel="stylesheet" href="assets/css/slick-slider/slick.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="assets/css/custom.css">
    <link rel="stylesheet" type="text/css" href="assets/css/media-query.css">
    <title>Qiu</title>
</head>

<body data-spy="scroll" data-target="#myHeader">

    <!-- Preloader -->
    <div class="preloader">
        <div class="main-circle">
            <div class="second-circle">
                <div class="third-circle">
                </div>
            </div>
        </div>
    </div>


    <div id="wrap">
        <!-- Page Wrapper -->
        <div class="wrap-top-header-slider parallax parallax-image-1">
            <!-- shape-one -->
            <div class="shape-image-one col-5 col-lg-3 col-xl-4 wow fadeIn" data-wow-delay="1s">
                <img src="assets/images/background-shape/shape-1.png" class="img-fluid"
                    alt="The Animated background shape Image">
            </div>
            <!--End shape-one -->
            <!-- Start Header -->
            <!-- start slider section -->
            <section class="padding trmain-slider" id="TripPlanner">
                <div class="tr-slider-image col-xl-12 col-lg-12 col-sm-auto col-12 p-0 ">
                    <img id="myimage" src="" class="img-fluid wow fadeIn"
                        alt="the Girl on the beach - best destination Image" data-wow-delay="1s">
                </div>
                <div class="container trtop-baner-content">
                    <div class="row">
                        <div class="col-12 col-sm-11 col-md-9 col-lg-9 col-xl-10">
                            <div class="siider-content">
                                <p class="wow fadeInDown" data-wow-duration="1s" data-wow-delay=".3s">Choose the best
                                </p>

                                <!-- <form action="https://www.baidu.com/s">
                                    <input type="text" name="wd"><input type="submit" value="百度一下">
                                </form>    -->
                                <form class="tr-slider-form wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s"
                                    action="https://www.baidu.com/s">
                                    <div class="form-group position-relative mb-0">
                                        <input type="text" class="form-control trform-control"
                                            placeholder="Find out the anything..." name="wd">
                                        <button type="submit" class="btn btn-primary tr-form-button">Search</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <!-- start middle section-->
        <!-- start Experience Travel With Us -->
        <section class="padding position-relative margin-top parallax parallax-image-2">
            <!-- shape-two -->
            <div class="shape-image-two">
                <img src="assets/images/background-shape/dottd-squre.png" class="img-fluid"
                    alt="the background decorated dotted square image">
            </div>
            <!--End shape-two -->
            <div class="container">
                <!-- shape-three -->
                <div class="shape-image-three">
                    <img src="assets/images/background-shape/shape-3.png" class="img-fluid"
                        alt="the background shape square image">
                </div>
                <!--End shape-three -->
                <!-- HEADING TITLE -->
                <!-- <br><br><br><br><br><br><br><br><br><br><br> -->
                <!-- <div class="trheading wow fadeInDown" data-wow-duration="2s" data-wow-delay=".4s">
                    <h2>Experience<br>
                        With Us.</h2>
                </div> -->
                <!-- start image content -->
            </div>
            <!-- shape-four -->
            <div class="shape-image-four">
                <img src="assets/images/background-shape/round-shape.png" class="img-fluid"
                    alt="the background round shape | with Animation">
            </div>
            <!--End shape-four -->
        </section>
    </div>
    <!--end middle section-->

    <!--start footer-->
    <footer class="position-relative wow fadeIn parallax parallax-image-5" data-wow-duration="2s" data-wow-delay=".4s">
        <div class="container">
             <br><br><br>

           <div class="row">
                <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s">
                        <div class="tr-image-class">
                            <a href="https://pan.xunlei.com/?path=%2F">
                                <img class="img-fluid" style="border-radius: 20%;" alt="hiking in the blue hills reservation | Best hikes, Take a  hike" src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1603256494167&amp;di=ba7fe20032f8cd1771cc162093e4b2e6&amp;imgtype=0&amp;src=http%3A%2F%2Fpic.59370.com%2Fupload%2F2017-1%2F2017125114464667.png">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://pan.xunlei.com/?path=%2F" class="tr-contentTitle">迅雷</a></h6>
                        </div>
                    </div>
                </div> -->

                 <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s">
                        <div class="tr-image-class">
                            <a href="https://pan.baidu.com/disk/home?_at_=1609128929390#/all?path=%2F&vmode=list">
                                <img class="img-fluid" style="border-radius: 20%;" alt="hiking in the blue hills reservation | Best hikes, Take a  hike"
                                     src="assets/images/experience-block/百度网盘.jpg">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://pan.baidu.com/disk/home?_at_=1609128929390#/all?path=%2F&vmode=list" class="tr-contentTitle">百度网盘</a></h6>
                        </div>
                    </div>
                </div> -->

                <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s">
                        <div class="tr-image-class">
                            <a href="https://mail.qq.com/">
                                <img class="img-fluid" style="border-radius: 20%;" alt="hiking in the blue hills reservation | Best hikes, Take a  hike"
                                     src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1390810737,604420071&amp;fm=26&amp;gp=0.jpg">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://mail.qq.com/" class="tr-contentTitle">邮箱</a></h6>
                        </div>
                    </div>
                </div> -->

               <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s">
                        <div class="tr-image-class">
                            <a href="https://gitee.com/Zs0ng/home/blob/master/%E8%BD%AF%E4%BB%B6%E5%AE%89%E8%A3%85%E5%9C%B0%E5%9D%80/%E8%BD%AF%E4%BB%B6%E5%AE%89%E8%A3%85%E7%BD%91%E5%9D%80.md">
                                <img class="img-fluid" alt="hiking in the blue hills reservation | Best hikes, Take a  hike"
                                     src="assets/images/experience-block/码云.png" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://gitee.com/Zs0ng/home/blob/master/%E8%BD%AF%E4%BB%B6%E5%AE%89%E8%A3%85%E5%9C%B0%E5%9D%80/%E8%BD%AF%E4%BB%B6%E5%AE%89%E8%A3%85%E7%BD%91%E5%9D%80.md" class="tr-contentTitle">软件网址</a></h6>
                        </div>
                    </div>
                </div> -->

               <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s">
                        <div class="tr-image-class">
                            <a href="https://www.zhihu.com/">
                                <img class="img-fluid" alt="hiking in the blue hills reservation | Best hikes, Take a  hike"
                                     src="assets/images/experience-block/知乎.png" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://www.zhihu.com/" class="tr-contentTitle">知乎</a></h6>
                        </div>
                    </div>
                </div> -->

               <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">
                        <div class="tr-image-class">
                            <a href="https://www.bilibili.com/">
                                <img src="assets/images/experience-block/哔哩哔哩.jpg" class="img-fluid"
                                    alt="Mount Logan Trip - Mountain Culture Solo" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://www.bilibili.com/" class="tr-contentTitle">哔哩哔哩</a></h6>
                        </div>
                    </div>
                </div> -->

               <!-- <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">
                        <div class="tr-image-class">
                            <a href="https://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5">
                                <img src="assets/images/experience-block/维基百科.png" class="img-fluid"
                                    alt="Mount Logan Trip - Mountain Culture Solo" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5" class="tr-contentTitle">维基百科</a></h6>
                        </div>
                    </div>
                </div> -->
<!-- 
                 <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">
                        <div class="tr-image-class">
                            <a href="https://translate.google.cn/">
                                <img src="assets/images/experience-block/谷歌翻译.png" class="img-fluid"
                                    alt="Mount Logan Trip - Mountain Culture Solo" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="https://translate.google.cn/" class="tr-contentTitle">谷歌翻译</a></h6>
                        </div>
                    </div>
                </div> -->
<!-- 
                 <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">
                        <div class="tr-image-class">
                            <a href="http://zs0ng.gitee.io/docs/">
                                <img src="assets/images/experience-block/个人博客.png" class="img-fluid"
                                    alt="Mount Logan Trip - Mountain Culture Solo" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="http://zs0ng.gitee.io/docs/" class="tr-contentTitle">我的博客</a></h6>
                        </div>
                    </div>
                </div>

                 <div class="col-3 col-sm-3 col-lg-3">
                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">
                        <div class="tr-image-class">
                            <a href="eat.html">
                                <img src="assets/images/experience-block/吃啥.png" class="img-fluid"
                                    alt="Mount Logan Trip - Mountain Culture Solo" style="border-radius: 20%;">
                            </a>
                        </div>
                        <div class="tr-image-content">
                            <h6><a href="eat.html" class="tr-contentTitle">吃什么</a></h6>
                        </div>
                    </div>
                </div> -->
<!--                <div class="col-3 col-sm-3 col-lg-3">-->
<!--                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".4s">-->
<!--                        <div class="tr-image-class">-->
<!--                            <a href="https://mail.qq.com/">-->
<!--                                <img class="img-fluid" alt="hiking in the blue hills reservation | Best hikes, Take a  hike"-->
<!--                                     src="">-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="tr-image-content">-->
<!--                            <h6><a href="https://pan.xunlei.com/" class="tr-contentTitle">迅雷</a></h6>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--                <div class="col-3 col-sm-3 col-lg-3">-->
<!--                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.7s" data-wow-delay=".6s">-->
<!--                        <div class="tr-image-class">-->
<!--                            <a href="https://www.iqiyi.com/">-->
<!--                                <img src="assets/images/experience-block/爱奇艺.png" class="img-fluid"-->
<!--                                    alt="Best Explorer Tours | Compare Prices and Reviews">-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="tr-image-content">-->
<!--                            <h6><a href="https://www.iqiyi.com/" class="tr-contentTitle">爱奇艺</a></h6>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--                <div class="col-3 col-sm-3 col-lg-3">-->
<!--                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">-->
<!--                        <div class="tr-image-class">-->
<!--                            <a href="https://v.qq.com/">-->
<!--                                <img src="assets/images/experience-block/腾讯视频.png" class="img-fluid"-->
<!--                                    alt="Mount Logan Trip - Mountain Culture Solo">-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="tr-image-content">-->
<!--                            <h6><a href="https://v.qq.com/" class="tr-contentTitle">腾讯视频</a></h6>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->



<!--                <div class="col-3 col-sm-3 col-lg-3">-->
<!--                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">-->
<!--                        <div class="tr-image-class">-->
<!--                            <a href="https://music.163.com/">-->
<!--                                <img src="assets/images/experience-block/网易云.png" class="img-fluid"-->
<!--                                    alt="Mount Logan Trip - Mountain Culture Solo">-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="tr-image-content">-->
<!--                            <h6><a href="https://music.163.com/" class="tr-contentTitle">网易云</a></h6>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--                <div class="col-3 col-sm-3 col-lg-3">-->
<!--                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">-->
<!--                        <div class="tr-image-class">-->
<!--                            <a href="https://y.qq.com/">-->
<!--                                <img src="assets/images/experience-block/QQ音乐.png" class="img-fluid"-->
<!--                                    alt="Mount Logan Trip - Mountain Culture Solo">-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="tr-image-content">-->
<!--                            <h6><a href="https://y.qq.com/" class="tr-contentTitle">QQ音乐</a></h6>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--                <div class="col-3 col-sm-3 col-lg-3">-->
<!--                    <div class="trwith-image-block wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".7s">-->
<!--                        <div class="tr-image-class">-->
<!--                            <a href="https://mail.qq.com/">-->
<!--                                <img src="assets/images/experience-block/QQ邮箱.png" class="img-fluid"-->
<!--                                    alt="Mount Logan Trip - Mountain Culture Solo">-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="tr-image-content">-->
<!--                            <h6><a href="https://mail.qq.com/" class="tr-contentTitle">QQ邮箱</a></h6>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

            </div>
            <div class="Footer-copylink"><span><i class="fas fa-copyright"></i> Made with <i class="fas fa-heart"
                        style="color: #ff0000;"></i> Zs0ng for Qiu</span>
            </div>
        </div>
    </footer>
    <!--end footer-->

    <script src="assets/js/jquery-3.4.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/slick-slider/slick.min.js"></script>
    <script src="assets/js/slick-slider/slick.js"></script>
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/ajax-jquery.min.js"></script>
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
    <script>
        new WOW().init();
        element = document.getElementById('myimage')
        var num = Math.random()
        num = Math.ceil(num * 1)
        element.src = "assets/images/silders/img (" + 1 + ").jpg";
        var interval3=setInterval(function(){
            fnSearch();
        },20000);
        function fnSearch(){
            element = document.getElementById('myimage')
            var num = Math.random()
            num = Math.ceil(num * 1)
            element.src = "assets/images/silders/img (" + 1 + ").jpg";
        }
    </script>
</body>

</html>